<!-- 订单结果 -->
<template>
	<view class="reapir_handle">
		<view class="order_detail">
			<view class="order_detail_item" @click="to_order">
				<view class="order_detail_icon">
					<image src="../../static/img/order_detail_icon.png"></image>
				</view>
				<view class="order_detail_text">订单详情</view>
				<view class="to_order_detail">
					<image src="../../static/img/back.png"></image>
				</view>
			</view>
			<view class="order_detail_item">
				<view class="order_no_text">订单编号</view>
				<view class="order_no_num">{{orderItem.orderNo}}</view>
			</view>
		</view>
		<view class="maintenance_analysis">
			<view class="maintenance_analysis_title">
				<view class="maintenance_analysis_title_icon">
					<image src="../../static/img/maintenance_analysis.png"></image>
				</view>
				<view class="maintenance_analysis_title_text">维修分析</view>
			</view>
			<view class="damage">
				<view class="damage_title">损坏原因</view>
				<view :class="{damage_text,required:!required1}">
					<u-textarea placeholder="请填写损坏原因" @input="bindKeyInput1" v-model="questionForm.spoilMemo" />
				</view>
			</view>
			<view class="line">
			</view>
			<view class="job_analysis">
				<view class="job_analysis_title">
					<view class="job_analysis_title_icon">
						<image src="../../static/img/job_analysis.png"></image>
					</view>
					<view class="job_analysis_title_text">工作分析</view>
				</view>
				<view :class="{job_analysis_text,required:!required2}">
					<u-textarea placeholder="请填写工作分析" @input="bindKeyInput2" v-model="questionForm.jobAnalysis" />
				</view>
			</view>
			<view class="result">
				<view class="result_title">完成方式</view>
				<view class="result_check">
					<u-radio-group v-model="questionForm.repairType" @change="radioChange3">
						<u-radio :customStyle="{marginBottom: '8px'}" v-for="item in items3" :key="item.name" :label="item.name"
							:name="item.value">
						</u-radio>
					</u-radio-group>
				</view>
			</view>
			<view class="workname" v-if="flog==true">
				<view class="workname_title">选择合作人</view>
				<view class="workpicker">
					<text :class="{rework_content:!rework}" @click="open">{{questionForm.repairPartnerName}}</text>
					<image src="../../static/img/next.png" @click="open"></image>
					<u-picker :show="show" :columns="repairList" keyName="nickName" @cancel="close" @confirm="bindwork">
					</u-picker>
				</view>
			</view>
			<view class="result">
				<view class="result_title">处理结果</view>
				<view class="result_check">
					<u-radio-group v-model="questionForm.dealResult">
						<u-radio :customStyle="{marginBottom: '8px'}" v-for="item in items" :key="item.name" :label="item.name"
							:name="item.value">
						</u-radio>
					</u-radio-group>
				</view>
			</view>
			<view class="time">
				<view class="time_summary">
					<view class="time_summary_text">处理时间</view>
				</view>
				<view class="check_date">
					<view class="tool"></view>
					<u-cell-group>
						<u-cell size="small" title="日期：" @click="show1=true" isLink :value="questionForm.dealTime"></u-cell>
					</u-cell-group>
				</view>
			</view>
			<!-- <view class="time">
				<view class="time_summary">
					<view class="time_summary_text">配件完成时间</view>
				</view>
				<view class="check_date">
					<view class="tool"></view>
					<u-cell-group>
						<u-cell size="small" title="日期：" @click="show1=true" isLink :value="questionForm.dealTime"></u-cell>
					</u-cell-group>
				</view>
			</view> -->
			<view class="handle_place">
				<view class="handle_place_title">处理地点</view>
				<view :class="{handle_place_content:true,required1:!required4}" @click="nav_map">
					{{questionForm.dealAddress}}
				</view>
			</view>
			<view class="other">
				<view class="other_title">其他说明</view>
				<view class="other_input">
					<u-input class="weui-input" @input="other_input1" placeholder="请输入其他说明" type="text"
						v-model="questionForm.otherMemo" />
				</view>
			</view>
			<view class="upload">
				<view class="upload_title">上传完成照片/视频</view>
				<view class="upload_content">
					<view class="upload_content_item_pic">
						<u-upload :fileList="fileList1" @afterRead="afterRead($event)" @delete="deletePic" name="1" multiple
							:maxCount="1" width="100" height="100" :previewFullImage="true"></u-upload>
					</view>
					<view class="upload_content_item_pic">
						<u-upload :fileList="fileList2" @afterRead="afterRead($event)" @delete="deletePic" name="2" multiple
							:maxCount="1" width="100" height="100" :previewFullImage="true"></u-upload>
					</view>
					<view class="upload_content_item_vid">
						<u-upload :fileList="fileList3" @afterRead="afterRead($event)" @delete="deletePic" name="3" multiple
							:maxCount="1" width="100" height="100" accept="video"></u-upload>
					</view>
				</view>
			</view>
		</view>
		<!-- v-if="parts_list.length>0" -->
		<view class="parts">
			<view class="parts_title">
				<view class="parts_title_icon">
					<image src="../../static/img/parts_title.png"></image>
				</view>
				<view class="parts_title_text">配件使用情况</view>
			</view>
			<view class="parts_content">
				<view class="parts_content_item" v-for="(item,index) in parts_list" :key="index">
					<view class="item_title">
						<view class="item_title_index">{{index+1}}</view>
						<view class="item_title_name">{{item.pName}}</view>
						<view class="item_title_num">数量 {{item.pNum}}</view>
					</view>
					<view class="item_use">
						<view class="item_use_title">配件型号</view>
						<view class="item_use_check">
							{{item.pModel}}
						</view>
					</view>
					<view class="item_use">
						<view class="item_use_title">配件品牌</view>
						<view class="item_use_check">
							{{item.pBrand}}
						</view>
					</view>
					<view class="item_use">
						<view class="item_use_title">是否使用</view>
						<view class="item_use_check">
							<u-radio-group v-model="item.pUse">
								<u-radio :customStyle="{marginBottom: '8px'}" v-for="item in items2" :key="item.name" :label="item.name"
									:name="item.value">
								</u-radio>
							</u-radio-group>
						</view>
					</view>
					<view class="item_num" v-if="item.pUse">
						<view class="item_num_title">配件使用</view>
						<view class="item_num_check">
							<view class="stepper">
								<u-number-box v-model="item.pUseNum"></u-number-box>
							</view>
						</view>
					</view>
					<view class="item_pic" v-if="item.pUse">
						<view class="item_pic_title">上传图片</view>
						<view class="item_pic_content">
							<u-upload :fileList="item.pFile" @afterRead="afterRead($event,index)" @delete="deletePic2($event,index)"
								name="4" multiple :maxCount="1" width="80" height="80" :previewFullImage="true"></u-upload>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="btn">
			<view @click="to_complete">提交</view>
		</view>
		
		<view class="kefu" @click="call_user">
			<view class="button-name">
				<image style="width: 90rpx;height: 90rpx;" src="../../static/img/call_kefu.png"></image>
			</view>
		</view>

		<u-datetime-picker :show="show1" v-model="questionForm.date" mode="datetime" @cancel="show1=false"
			@confirm="bindDateChange" :minDate="minDate"></u-datetime-picker>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				work: [],
				workid: '',
				worklist: [],
				arr2: [],

				// 必填
				required1: true,
				required2: true,
				required3: true,
				required4: true,
				rework: true,
				flog: false,

				fileList1: [], //维修图片1
				fileList2: [], //维修图片2
				fileList3: [], //维修视频
				repairList: [], //维修师列表
				parts_list: [], //配件列表
				columns: [
					[{
						label: '雪月夜',
						id: 2021
					}, {
						label: '冷夜雨',
						id: 804
					}]
				],
				show: false,
				show1: false,
				minDate: '',
				items: [{
						value: true,
						name: '完成'
					},
					{
						value: false,
						name: '未完成',
					},
				],
				items2: [{
						value: true,
						name: '使用'
					},
					{
						value: false,
						name: '未使用',
					},
				],
				items3: [{
						value: 1,
						name: '独立完成'
					},
					{
						value: 2,
						name: '合作完成',
					},
				],
				orderItem: {},
				questionForm: {
					dealAddress: '请点击我选择地址', //处理地址
					dealResult: true, //处理结果
					dealTime: "", //处理时间
					date: "", //处理时间
					finishPartTime: "", //配件完成时间
					finishPics: "", //完成图片
					finishPics2: "", //完成图片2
					finishVideo: "", //完成视频
					id: "", //id
					jobAnalysis: "", //工作分析
					otherMemo: "", //其它说明
					repairPartnerId: "", //合作维修工id
					repairPartnerName: "请选择维修师", //合作维修工姓名
					repairType: 1, //维修类型 1 独自维修 2 合作维修
					spoilMemo: "", //损坏原因
				}
			};
		},
		methods: {
			to_order() {
				uni.navigateTo({
					url: `/pagesIndex/confirm_order/confirm_order?orderItem=${JSON.stringify(this.orderItem)}&statusData=详情`
				});
			},
			call_user() {
				uni.makePhoneCall({
					phoneNumber: '1234567'
				});
			},
			open() {
				// console.log('open');
				this.show = true
			},
			close() {
				this.show = false
				// console.log('close');
			},
			bindKeyInput1(e) {
				this.questionForm.spoilMemo = e
				if (this.questionForm.spoilMemo != '') {
					this.required1 = true
				} else if (this.questionForm.spoilMemo == '') {
					this.required1 = false
				}
			},
			bindKeyInput2(e) {
				this.questionForm.jobAnalysis = e
				if (this.questionForm.jobAnalysis != '') {
					this.required2 = true
				} else if (this.questionForm.jobAnalysis == '') {
					this.required2 = false
				}
			},
			//获取配件列表
			getPartList() {
				let params = {
					orderNo: this.orderItem.orderNo
				}
				this.$newapi.getPartList(params).then(res => {
					if (res.code == 200) {
						this.parts_list = res.data
						this.parts_list.forEach(item => {
							item.pFile = []
						})
					}
				})
			},
			//获取维修师列表
			getUserList() {
				this.$newapi.getUserList().then(res => {
					if (res.code == 200) {
						this.repairList = [res.data]
						console.log(this.repairList);
					}
				})
			},
			//获取详情
			getRepairDeal() {
				let params = {
					orderNo: this.orderItem.orderNo
				}
				this.$newapi.getRepairDeal(params).then(res => {
					if (res.code == 200) {
						console.log(res);
						this.questionForm.id = res.data.id
					}
				})
			},
			other_input1(e) {
				this.questionForm.otherMemo = e
				if (this.questionForm.otherMemo != '') {
					this.required3 = true
				} else if (this.questionForm.otherMemo == '') {
					this.required3 = false
				}
			},
			// 删除图片
			deletePic(event) {
				this[`fileList${event.name}`].splice(event.index, 1);
			},
			deletePic2(event, index) {
				this.$set(this.parts_list[index], 'pFile', [])
				this.$set(this.parts_list[index], 'pPic', null)
			},
			// 新增图片
			async afterRead(event, index) {
				// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
				if (event.name == 4) {
					let lists = event.file;
					let fileItem = []
					let fileListLen = 0;
					lists.map((item) => {
						fileItem.push({
							...item,
							status: 'uploading',
							message: '上传中'
						});
					});
					for (let i = 0; i < lists.length; i++) {
						const result = await this.uploadFilePromise(lists[i].url);
						let item = fileItem[fileListLen];
						fileItem.splice(
							fileListLen,
							1,
							Object.assign(item, {
								status: 'success',
								message: '',
								url: result
							})
						);
						fileListLen++;
					}
					this.$set(this.parts_list[index], 'pFile', fileItem)
					this.$set(this.parts_list[index], 'pPic', fileItem[0].url)
					console.log(this.parts_list);
				} else if (event.name == 3) {
					let lists = [].concat(event.file);
					let fileListLen = this[`fileList${event.name}`].length;
					lists.map((item) => {
						this[`fileList${event.name}`].push({
							...item,
							status: 'uploading',
							message: '上传中'
						});
					});
					for (let i = 0; i < lists.length; i++) {
						const result = await this.uploadVideoPromise(lists[i].url);
						let item = this[`fileList${event.name}`][fileListLen];
						this[`fileList${event.name}`].splice(
							fileListLen,
							1,
							Object.assign(item, {
								status: 'success',
								message: '',
								url: result
							})
						);
						fileListLen++;
					}
				} else {
					let lists = [].concat(event.file);
					let fileListLen = this[`fileList${event.name}`].length;
					lists.map((item) => {
						this[`fileList${event.name}`].push({
							...item,
							status: 'uploading',
							message: '上传中'
						});
					});
					for (let i = 0; i < lists.length; i++) {
						const result = await this.uploadFilePromise(lists[i].url);
						let item = this[`fileList${event.name}`][fileListLen];
						this[`fileList${event.name}`].splice(
							fileListLen,
							1,
							Object.assign(item, {
								status: 'success',
								message: '',
								url: result
							})
						);
						fileListLen++;
					}
				}
			},
			//上传视频
			uploadVideoPromise(url) {
				return new Promise((resolve, reject) => {
					let a = uni.uploadFile({
						url: 'http://192.168.1.197:9093/api/upload/video', // 仅为示例，非真实的接口地址
						filePath: url,
						name: 'file',
						formData: {
							user: 'test',
							floder: 'avatar'
						},
						header: {
							'Content-Type': 'multipart/form-data',
							'token': uni.getStorageSync('token')
						},
						success: (res) => {
							let obj = JSON.parse(res.data)
							resolve(obj.msg);
						},
						fail(err) {
							console.log(err, 'err');
						}
					});
				});
			},
			//上传图片
			uploadFilePromise(url) {
				return new Promise((resolve, reject) => {
					let a = uni.uploadFile({
						url: 'http://192.168.1.197:9093/api/upload/picture', // 仅为示例，非真实的接口地址
						filePath: url,
						name: 'file',
						formData: {
							user: 'test',
							floder: 'avatar'
						},
						header: {
							'Content-Type': 'multipart/form-data',
							'token': uni.getStorageSync('token')
						},
						success: (res) => {
							let obj = JSON.parse(res.data)
							resolve(obj.msg);
						},
						fail(err) {
							console.log(err, 'err');
						}
					});
				});
			},
			bindDateChange(e) {
				let date = new Date(e.value)
				// 获取年月日时分秒
				const year = date.getFullYear();
				const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，补0
				const day = String(date.getDate()).padStart(2, '0');
				const hours = String(date.getHours()).padStart(2, '0');
				const minutes = String(date.getMinutes()).padStart(2, '0');
				const seconds = String(date.getSeconds()).padStart(2, '0');
				// 格式化为 YYYY-MM-DD HH:mm:ss
				const formattedDate = `${year}-${month}-${day} ${hours}:${minutes}`;
				this.questionForm.dealTime = formattedDate
				this.show1 = false
			},
			// 自己填写处理地点
			nav_map() {
				let that = this
				uni.getSetting({ //获取用户授权位置
					success(res) {
						console.log(res, 'resSetting');
						if (res.authSetting['scope.userLocation'] == undefined) {
							uni.authorize({
								scope: 'scope.userLocation',
								success: (res) => {
									uni.chooseLocation({
										success: function(res) {
											console.log(res);
											that.required4 = true
											that.questionForm.dealAddress = res.address
										},
										fail: (err) => {
											console.log(err);
										}
									})
								}
							})
						} else {
							uni.chooseLocation({
								success: function(res) {
									console.log(res);
									that.required4 = true
									that.questionForm.dealAddress = res.address
								},
								fail: (err) => {
									console.log(err);
								}
							})
						}
					}
				})
			},
			// 选择维修师
			bindwork(e) {
				let value = e.value[0]
				this.questionForm.repairPartnerName = value.nickName
				this.questionForm.repairPartnerId = value.id
				this.rework = true
				this.show = false
			},
			to_complete() {
				//提交页面信息
				// 有任何一个没有填写都必须阻止
				this.questionForm.finishPics = this.fileList1.length > 0 ? this.fileList1[0].url : ''
				this.questionForm.finishPics2 = this.fileList2.length > 0 ? this.fileList2[0].url : ''
				this.questionForm.finishVideo = this.fileList3.length > 0 ? this.fileList3[0].url : ''

				console.log(this.questionForm);

				if (this.questionForm.spoilMemo == '' || this.questionForm.jobAnalysis == '' || this.questionForm.dealAddress ==
					'请点击我选择地址' || this.questionForm.dealAddress == '' || (this.questionForm.repairType == 2 && (this.questionForm
						.repairPartnerName == '请选择维修师' || this.questionForm.repairPartnerName == ''))) {
					if (this.questionForm.repairType == 2 && this.questionForm.repairPartnerName == '请选择维修师') {
						this.rework = false
					}
					if (this.questionForm.spoilMemo == '') {
						this.required1 = false
					}
					if (this.questionForm.jobAnalysis == '') {
						this.required2 = false
					}
					/* if (this.questionForm.otherMemo == '') {
						this.required3 = false
					} */
					if (this.questionForm.dealAddress == '请点击我选择地址' || this.questionForm.dealAddress == '') {
						this.required4 = false
					}
					uni.showToast({
						title: '分析填写不完整',
						icon: 'none',
						duration: 2000 //持续的时间
					})
					return
				}

				// 配件图片必填
				let pic = []
				this.parts_list.forEach(item => {
					if (item.pUse && (!item.pPic || item.pPic.length == 0)) {
						pic.push(item.pName)
					}
				})
				if (pic.length > 0) {
					uni.showToast({
						title: `请上传${pic.join(',')}配件使用图片`,
						icon: 'none',
						duration: 2000 //持续的时间
					})
					return
				}
				
				if(this.questionForm.repairType == 1){
					this.questionForm.repairPartnerName = ''
				}

				let title = ''
				if (this.questionForm.dealResult) {
					title = '完成'
				} else{
					title = '未完成'
				}
				let that = this
				uni.showModal({
					title: '订单提示',
					content: '您确定订单' + title + '？',
					success: (res) => {
						console.log(res);
						if (res.confirm) {
							this.$newapi.partUpdate(this.parts_list).then(res => {
								if (res.code == 200) {
									console.log(res);
									/* uni.showToast({
										title: '修改成功',
										icon: 'success',
										duration: 2000 //持续的时间
									}) */
								}
							})
							this.$newapi.repairDealUpdate(this.questionForm).then(res => {
								if (res.code == 200) {
									let obj = {
										id: this.orderItem.id,
										orderNo: this.orderItem.orderNo,
										orderStatus: 5,
										transferMessage: "",
										type: 5,
										workName: getApp().globalData.nickName
									}
									this.$newapi.updateOrder(obj).then(response => {
										if (response.code == 200) {
											uni.showToast({
												title: '填写完成，去我的订单查看跟踪',
												icon: 'none',
												duration: 2000
											})
											uni.reLaunch({
												url: '/pagesIndex/up_parts/up_parts'
											});
										}
									})
								}
							})
						}
					}
				})
			},
			radioChange3(e) {
				this.questionForm.repairType = e
				if (this.questionForm.repairType == 2) {
					this.flog = true
					this.questionForm.repairPartnerName = '请选择维修师'
				} else {
					this.flog = false
					this.questionForm.repairPartnerName = ''
					this.questionForm.repairPartnerId = null
				}
			},
		},
		/**
		 * 生命周期函数--监听页面加载
		 */
		onLoad(options) {
			this.getUserList()
			this.minDate = Date.now()
			this.orderItem = JSON.parse(options.orderItem)
			this.getPartList()
			this.getRepairDeal()
		}
	};
</script>

<style lang="less" scoped>
	::v-deep .u-radio-group--row {
		justify-content: space-around !important;
	}

	::v-deep .u-radio {
		margin-bottom: 0 !important;
	}

	.reapir_handle {
		width: 100%;
		height: auto;
		background-image: url(https://www.bjroyalkitchen.com/images/root/20210512002.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.order_detail {
		width: 100%;
		// height: 160rpx;
		margin-top: 20rpx;
		background-color: rgba(255, 255, 255, .55);
		box-shadow: 0 6rpx 14rpx rgba(162, 162, 162, 0.1);
	}

	.order_detail_item {
		width: 90%;
		// height: 80rpx;
		display: flex;
		flex-direction: row;
		margin: 0 auto;
	}

	.order_detail_icon {
		width: 8%;
		height: 100%;
	}

	.order_detail_icon image {
		width: 30rpx;
		height: 30rpx;
		margin-top: 25rpx;
	}

	.order_detail_text {
		width: 70%;
		height: 100%;
		font-size: 30rpx;
		color: #333333;
		line-height: 80rpx;
		text-align: left;
	}

	.to_order_detail {
		width: 22%;
		height: 100%;
	}
	.kefu {
		// width: 100%;
		height: 90rpx;
		position: fixed;
		bottom: 100rpx;
		right: 0;
	}
	
	.button-name:not([size='mini']) {
		width: 90rpx;
		height: 90rpx;
		float: right;
		padding: 0;
	}

	.to_order_detail image {
		width: 30rpx;
		height: 30rpx;
		margin-top: 25rpx;
		float: right;
	}

	.order_no_text {
		width: 20%;
		height: 100%;
		line-height: 80rpx;
		text-align: left;
		font-size: 30rpx;
		color: #a2a2a2;
	}

	.order_no_num {
		width: 80%;
		height: 100%;
		line-height: 80rpx;
		text-align: left;
		font-size: 30rpx;
		color: #333333;
	}

	.maintenance_analysis {
		width: 94%;
		// height: 1800rpx;
		background-color: rgba(255, 255, 255, .55);
		border-radius: 20rpx;
		margin-top: 20rpx;
		margin-left: auto;
		margin-right: auto;
	}

	.maintenance_analysis_title {
		width: 90%;
		// height: 80rpx;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
	}

	.maintenance_analysis_title_icon {
		width: 10%;
		height: 100%;
	}

	.maintenance_analysis_title_icon image {
		width: 35rpx;
		height: 35rpx;
		margin-top: 22.5rpx;
	}

	.maintenance_analysis_title_text {
		width: 90%;
		height: 100%;
		line-height: 80rpx;
		text-align: left;
		font-size: 30rpx;
		color: #333333;
	}

	.damage {
		width: 90%;
		// height: 200rpx;
		margin: 0 auto;
	}

	.damage_title {
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		text-align: left;
		color: #a2a2a2;
		font-size: 30rpx;
	}

	.damage_text {
		width: 100%;
		// height: 120rpx;
		border-radius: 20rpx;
		background-color: #f2f2f2;
	}

	.required {
		border: 1px solid #f56c6c;
	}

	.required1 {
		color: #f56c6c !important;
	}

	.damage_text textarea {
		width: 100%;
		height: 100%;
		font-size: 30rpx;
		padding: 10rpx;
	}

	.job_analysis {
		width: 90%;
		// height: 300rpx;
		margin: 0 auto;
	}

	.job_analysis_title {
		width: 100%;
		// height: 80rpx;
		display: flex;
		flex-direction: row;
	}

	.job_analysis_title_icon {
		width: 10%;
		height: 100%;
	}

	.job_analysis_title_icon image {
		width: 35rpx;
		height: 35rpx;
		margin-top: 22.5rpx;
	}

	.job_analysis_title_text {
		width: 90%;
		height: 100%;
		line-height: 80rpx;
		text-align: left;
		font-size: 30rpx;
		color: #a2a2a2;
	}

	.job_analysis_text {
		width: 100%;
		// height: 220rpx;
		border-radius: 20rpx;
		background-color: #f2f2f2;
	}

	.job_analysis_text textarea {
		width: 100%;
		height: 100%;
		font-size: 30rpx;
		padding: 10rpx;
	}

	.workname {
		width: 90%;
		// height: 80rpx;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.workname_title {
		width: 40%;
		height: 100%;
		line-height: 80rpx;
		text-align: left;
		font-size: 30rpx;
		color: #a2a2a2;
	}

	.work_name {
		width: 80%;
		text-align: right;
		margin-right: 50rpx;
	}

	.work_name input {
		color: #a2a2a2;
	}

	.workname .workpicker {
		width: auto;
		height: 100%;
		font-size: 32rpx;
		color: #333333;
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-right: 35rpx;
	}

	.workname .workpicker image {
		width: 24rpx;
		height: 24rpx;
		margin-left: 15rpx;
	}

	.workname .rework_content {
		color: red;
	}

	.result {
		width: 90%;
		// height: 80rpx;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
	}

	.result_title {
		width: 40%;
		height: 100%;
		line-height: 80rpx;
		text-align: left;
		font-size: 30rpx;
		color: #a2a2a2;
	}

	.result_check {
		width: 60%;
		height: 80rpx;
		display: flex;
	}

	radio-group {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: row;
	}

	label {
		width: 50%;
		height: 100%;
		display: flex;
		flex-direction: row;
	}

	label view:nth-child(1) {
		width: 50%;
		height: 100%;
		line-height: 80rpx;
		font-size: 30rpx;
		text-align: right;
	}

	label view:nth-child(2) {
		width: 50%;
		height: 100%;
	}

	radio {
		width: 50rpx;
		height: 50rpx;
		margin-top: 15rpx;
		display: inline-block;
		transform: scale(0.6);
	}

	.time {
		width: 100%;
		// height: 240rpx;
	}

	.door_time {
		width: 90%;
		// height: 240rpx;
		background-color: rgba(255, 255, 255, .55);
		border-radius: 20rpx;
		margin-top: 20rpx;
		margin-left: auto;
		margin-right: auto;
	}

	.time_summary,
	.check_date,
	.check_time {
		width: 90%;
		// height: 80rpx;
		margin: 0 auto;
	}

	.time_summary {
		display: flex;
		flex-direction: row;
	}

	.time_summary_text {
		width: 20%;
		height: 100%;
		line-height: 80rpx;
		text-align: left;
		color: #a2a2a2;
		font-size: 30rpx;
	}

	.door_time_content {
		width: 72%;
		height: 100%;
		line-height: 80rpx;
		text-align: left;
		color: #333333;
		font-size: 30rpx;
	}

	.check_date,
	.check_time {
		display: flex;
		flex-direction: row;
	}

	.tool {
		width: 8%;
		height: 100%;
	}

	.picker {
		width: 90%;
		height: 100%;
	}

	.picker view {
		height: 100%;
		line-height: 80rpx;
		text-align: left;
		color: #a2a2a2;
		font-size: 30rpx;
	}

	.handle_place {
		width: 90%;
		height: 90rpx;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
	}

	.handle_place_title {
		width: 20%;
		height: 100%;
		line-height: 90rpx;
		text-align: left;
		color: #a2a2a2;
		font-size: 30rpx;
	}

	.handle_place_content {
		width: 80%;
		height: 100%;
		line-height: 90rpx;
		text-align: right;
		padding-right: 40rpx;
		color: #333333;
		font-size: 30rpx;
	}

	.other {
		width: 90%;
		height: 80rpx;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
	}

	.other_title {
		width: 20%;
		height: 100%;
		line-height: 80rpx;
		text-align: left;
		color: #a2a2a2;
		font-size: 30rpx;
	}

	.other_input {
		width: 80%;
		height: 100%;
	}

	.weui-input {
		width: 100%;
		height: 60rpx;
		padding-top: 10rpx;
		color: black;
		font-size: 30rpx;
		/* font-weight: bold; */
	}

	.phcolor {
		color: black;
	}

	.upload {
		width: 90%;
		height: 500rpx;
		margin: 0 auto;
	}

	.upload_title {
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		text-align: left;
		color: #a2a2a2;
		font-size: 30rpx;
	}

	.upload_content {
		width: 100%;
		height: 200rpx;
	}

	.upload_content_item_pic,
	.upload_content_item_vid {
		width: 207rpx;
		height: 195rpx;
		float: left;
		margin-right: 30rpx;
		margin-top: 10rpx;
	}

	.upload_content_item_pic image,
	.upload_content_item_vid video,
	.upload_content_item_vid image {
		width: 207rpx;
		height: 195rpx;
	}

	.parts {
		width: 94%;
		height: 1100rpx;
		background-color: rgba(255, 255, 255, .55);
		border-radius: 20rpx;
		margin-top: 20rpx;
		margin-left: auto;
		margin-right: auto;
	}

	.parts_title {
		width: 90%;
		height: 80rpx;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
	}

	.parts_title_icon {
		width: 10%;
		height: 100%;
	}

	.parts_title_icon image {
		width: 35rpx;
		height: 35rpx;
		margin-top: 22.5rpx;
	}

	.parts_title_text {
		width: 90%;
		height: 100%;
		line-height: 80rpx;
		text-align: left;
		font-size: 30rpx;
		color: #333333;
	}

	.parts_content {
		width: 90%;
		height: 1000rpx;
		margin: 10rpx auto;
		overflow: auto;
	}

	.parts_content_item {
		width: 100%;
		// height: 540rpx;
		background-color: #fff;
		border-radius: 20rpx;
		margin-bottom: 20rpx;
	}

	.item_title {
		width: 90%;
		height: 80rpx;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		border-bottom: 1rpx solid #ffffff;
	}

	.item_title_index {
		width: 5%;
		height: 100%;
		line-height: 80rpx;
		text-align: left;
		color: #333333;
		font-size: 30rpx;
	}

	.item_title_name {
		width: 60%;
		height: 100%;
		line-height: 80rpx;
		text-align: left;
		color: #333333;
		font-size: 30rpx;
	}

	.item_title_num {
		width: 35%;
		height: 100%;
		line-height: 80rpx;
		text-align: right;
		color: #a2a2a2;
		font-size: 28rpx;
	}

	.item_use {
		width: 90%;
		height: 80rpx;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
	}

	.item_use_title {
		width: 50%;
		height: 100%;
		line-height: 80rpx;
		text-align: left;
		font-size: 30rpx;
		color: #333333;
	}

	.item_use_check {
		width: 50%;
		height: 100%;
		display: flex;
		line-height: 80rpx;
		font-size: 30rpx;
		justify-content: flex-end;
	}

	.item_num {
		width: 90%;
		height: 80rpx;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
	}

	.item_num_title {
		width: 50%;
		height: 100%;
		line-height: 80rpx;
		text-align: left;
		font-size: 30rpx;
		color: #333333;
	}

	.item_num_check {
		width: 50%;
		height: 100%;
	}

	/*主容器*/
	.stepper {
		width: 184rpx;
		height: 50rpx;
		/*给主容器设一个边框*/
		// border: 1rpx solid #ccc;
		border-radius: 5rpx;
		margin-top: 15rpx;
		float: right;
	}

	/*加号和减号*/
	.stepper text {
		width: 40rpx;
		line-height: 50rpx;
		text-align: center;
		float: left;
		font-size: 30rpx;
	}

	/*数值*/
	.stepper input {
		width: 100rpx;
		height: 50rpx;
		float: left;
		margin: 0 auto;
		text-align: center;
		font-size: 30rpx;
		/*给中间的input设置左右边框即可*/
		border-left: 1rpx solid #ccc;
		border-right: 1rpx solid #ccc;
	}

	/*普通样式*/
	.stepper .normal {
		color: black;
	}

	/*禁用样式*/
	.stepper .disabled {
		color: #ccc;
	}

	.item_pic {
		width: 90%;
		height: 300rpx;
		margin: 0 auto;
	}

	.item_pic_title {
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		text-align: left;
		color: #333333;
		font-size: 30rpx;
	}

	.item_pic_content {
		width: 100%;
		height: 220rpx;
	}

	.item_pic_content view {
		width: 207rpx;
		height: 195rpx;
		float: left;
		margin-right: 30rpx;
		margin-top: 10rpx;
	}

	.item_pic_content view image {
		width: 207rpx;
		height: 195rpx;
	}

	.btn {
		width: 90%;
		height: 90rpx;
		margin-left: auto;
		margin-right: auto;
		margin-top: 24rpx;
	}

	.btn view {
		width: 30%;
		height: 60rpx;
		font-size: 30rpx;
		text-align: center;
		line-height: 60rpx;
		color: white;
		border-radius: 10rpx;
		letter-spacing: 2rpx;
		background: linear-gradient(to right, #6e81f3, #3057be);
		margin: 0 auto;
	}
</style>